page {
  -webkit-overflow-scrolling: touch; // ios滑动不流畅
  min-height: calc(100vh - var(--status-bar-height));
  width: 100%;
  font-size: 28rpx;
  word-break: break-all; //英文文本不换行
  white-space: normal;
  color: rgba(0, 0, 0, 0.75);
  font-family: PingFang SC-Medium, PingFang SC OPPOSANS;
}

view {
  box-sizing: border-box;
}

.x-oneLine {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 两行省略 */
.x-twoLine {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 顶部状态栏 占位类 */
.x-statusBar {
  height: var(--status-bar-height);
  width: 100vw;
}

.x-flex,
.x-flex-row {
  display: flex;
}

.x-flex-wrap {
  flex-wrap: wrap;
}

.x-flex-column {
  display: flex;
  flex-direction: column;
}

.x-flex-row-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.x-flex-row-center1 {
  display: flex;
  justify-content: center;
}
.x-flex-row-center2 {
  display: flex;
  align-items: center;
}
.x-flex-row-align-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.x-flex-row-around {
  display: flex;
  justify-content: space-around;
}

.x-flex-row-around-center {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.x-flex-row-between {
  display: flex;
  justify-content: space-between;
}

.x-flex-row-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.x-flex-column-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.x-flex-column-center1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.x-flex-column-center2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.x-flex-column-around {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.x-flex-column-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.x-flex-column-between-center {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.x-footBar {
  // 底部固定bar
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  padding: 32rpx 26rpx 26rpx 32rpx;
  background-color: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  z-index: 999;
}

.x-answer {
  // 答 的样式
  position: relative;
  font-size: 28rpx;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.75);
  line-height: 49rpx;
  &::before {
    content: "答";
    background: #333333;
    border-radius: 4rpx;
    display: inline-block;
    height: 40rpx;
    width: 40rpx;
    line-height: 40rpx;
    text-align: center;
    font-size: 24rpx;
    font-family: PingFang SC-Bold, PingFang SC;
    font-weight: bold;
    color: #fff;
    margin-right: 8rpx;
    transform: translateY(-4rpx);
  }
}

.x-ask {
  // 问 的样式
  position: relative;
  &::before {
    content: "问";
    background: #486aef;
    border-radius: 4rpx;
    display: inline-block;
    height: 40rpx;
    width: 40rpx;
    line-height: 40rpx;
    text-align: center;
    font-size: 24rpx;
    font-family: PingFang SC-Bold, PingFang SC;
    font-weight: bold;
    color: #ffffff;
    margin-right: 6rpx;
    transform: translateY(-4rpx);
  }
}
